<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>个人中心—提币</title>
    <!-- Bootstrap -->
    <link href="public/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="public/css/common.css" rel="stylesheet"><!--公共样式-->
    <link href="public/css/withdraw_money.css" rel="stylesheet">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="public/js/html5shiv.min.js"></script>
    <script src="public/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>

<!-- 头部 -->
<nav class="navbar navbar-default navbar-fixed-top head">
    <div class="container">
        <div class="container-fluid">
            <!-- logo -->
            <div class="navbar-header logo">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#"><img src="public/image/logo_name.png" height="36px"></a>
            </div>

            <!-- 菜单 -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">主页</a></li>
                    <li><a href="#">合约交易</a></li>
                    <li><a href="#">期权交易</a></li>
                    <li><a href="#">智能跟单</a></li>
                    <li><a href="#">资讯</a></li>
                    <li><a href="#">关于我们</a></li>
                </ul>
                <!--  二级菜单-->
                <ul class="nav navbar-nav navbar-right head_right" >
                    <li class="dropdown">
                        <!--  <button type="button" class="btn btn-default navbar-btn">登录</button>
                          <button type="button" class="btn btn-default navbar-btn">注册</button>-->
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                            <img class="head_img" src="public/image/head.png">
                            <span>数字合约</span>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Action</a></li>
                            <li><a href="#">Another action</a></li>
                            <li><a href="#">Something else here</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="#">Separated</a></li>
                        </ul>
                    </li>
                </ul>
            </div>

        </div>
    </div>
</nav>

<!--主体-->
<div class="centent_center">
    <div class="container">
        <!--左侧菜单-->
        <div class="list-group list_user">
            <a href="#" class="list-group-item"> 账户中心</a>
            <a href="#" class="list-group-item">钱包中心</a>
            <a href="#" class="list-group-item">推广中心</a>
            <a href="#" class="list-group-item">跟随交易</a>
            <a href="#" class="list-group-item">充值明细</a>
            <a href="#" class="list-group-item">分享赚币</a>
            <a href="#" class="list-group-item active">消息中心</a>
            <a href="#" class="list-group-item">账号设置</a>
            <a href="#" class="exit">退出</a>
        </div>

        <!-- 右侧内容-->
        <div class="user_right_centent">
            <!--右侧上面部分-->
            <div class="account_set">账户中心>提币</div>

            <div class="withdraw_money">
                <!--tab切换-->
                <ul id="myTab" class="nav nav-tabs tab_title">
                    <li class="active">
                        <a href="#home" data-toggle="tab">OTC交易</a>
                    </li>
                    <li>
                        <a href="#ios" data-toggle="tab">钱包转账</a>
                    </li>
                </ul>

               <!-- 切换内容-->
                <div id="myTabContent" class="tab-content">
                   <!-- OTC交易-->
                    <div class="tab-pane fade in active otc_transaction" id="home">
                        <div class="left">
                            <div class="title">我想出售</div>
                            <div class="title">实际到账</div>
                            <div class="title">收款账户</div>
                            <div class="title">商户信息</div>
                        </div>

                        <div class="right">
                            <div class="balance">
                                <div class="balance_left">USDT余额:<span>1452145</span></div>
                                <div class="balance_right">(CNY):<span>1452145</span></div>
                            </div>
                            <div class="bottom_input">
                                <div class="content_input input1">
                                    <input type="text" value=""  placeholder="最小可售20"/>
                                    <span>USDT</span>
                                </div>
                                <div class="content_input input2">
                                    <input type="text" value="67879.77" readonly="readonly" />

                                </div>
                                <div class="content_input input3">
                                    <input type="text" value="中国银行(34233)" readonly="readonly" />
                                    <span class=""> > </span>
                                </div>
                                <div class="content_input input4">
                                    <p class="bizhong">USDT<i class="iconfont icon-changjiantou-you"></i>CNY</p>
                                    <p>签约商户 : <span>mobi mw limite</span></p>
                                    <p class="unit_price">单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价 :
                                        <span>6.40</span><label>(1USDT=$<span>$6.55</span>)</label>
                                    </p>
                                    <p>限&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;额 : <span>20 USDT-7500 USDT</span></p>
                                </div>
                            </div>
                            <div class="tips">提币时间 : 工作日24小时内到账，节假日顺延至工作日</div>
                            <button type="button" class="btn btn-success sure">确定</button>
                        </div>
                    </div>
                    <!--钱包转账-->
                    <div class="tab-pane fade otc_transaction wallet_transfer" id="ios">
                        <div class="left">
                            <div class="title">提币地址</div>
                            <div class="title">提币数量</div>
                            <div class="title">提币手续费</div>
                            <div class="title">实际到账数</div>
                            <div class="title">短信验证码</div>
                        </div>

                        <div class="right">
                            <div class="bottom_input">
                                <div class="content_input input1">
                                    <input type="text" value="中国银行(34233)" readonly="readonly" />
                                    <span class=""> +新增地址> </span>
                                </div>
                                <div class="content_input input2">
                                    <input type="text" value="67879.77" readonly="readonly" />

                                </div>
                                <div class="content_input input3">
                                    <input type="text" value="中国银行(34233)" readonly="readonly" />
                                    <span class=""> > </span>
                                </div>
                                <div class="content_input input4">
                                    <p class="bizhong">USDT<i class="iconfont icon-changjiantou-you"></i>CNY</p>
                                    <p>签约商户 : <span>mobi mw limite</span></p>
                                    <p class="unit_price">单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价 :
                                        <span>6.40</span><label>(1USDT=$<span>$6.55</span>)</label>
                                    </p>
                                    <p>限&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;额 : <span>20 USDT-7500 USDT</span></p>
                                </div>
                            </div>

                            <button type="button" class="btn btn-success sure">确定</button>
                        </div>
                        <div class="tips">温馨提示 : 申请提币之前请您确认提币地址是否正确，交易一旦发送到区块链网络便不可测回，USDT当日最多可提3次。</div>
                    </div>

                </div>
            </div>


        </div>
    </div>
</div>

<!-- 尾部-->
<div class="footer" >
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-sm-6">
                <p class="title">UITOUS</p>
                <p>UITOUS是一个提供区块链场外交易和币币交易平台，我们致力于让区块链更有效的流动，让更多人可以参与到区块链行业中来</p>
            </div>
            <div class="col-md-3 col-md-3">
                <ul>
                    <li class="title"><a href="">客服服务</a></li>
                    <li><a href="">帮助中心</a></li>
                    <li><a href="">客服端下载</a></li>
                </ul>
            </div>
            <div class="col-md-3 col-md-3">
                <ul>
                    <li class="title"><a href="">关于我们</a></li>
                    <li><a href="">公司介绍</a></li>
                    <li><a href="">联系我们</a></li>
                </ul>
            </div>
            <div class="col-md-12 col-md-12">Copyright 2017-1018 BIHUE.COM Rights Reserved</div>
        </div>
    </div>
</div>


<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="public/js/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="public/bootstrap/js/bootstrap.min.js"></script>
<!--<script src="public/js/message_center.js"></script>-->
</body>
</html>